<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<title>RenoirVS Videoarchiv</title>
</h:head>
<h:body>
	<h3>RenoirVS Videoarchiv</h3>
	<hr />
	<h4>Bitte geben Sie die Videodaten ein:</h4>
	<h:form>
		<!-- Ein- und Ausgabe der Videodaten. -->
		<h:panelGrid columns="2">
			<h:outputText value="Id:" />
			<h:outputText value="#{videoView.video.videoID}" />

			<h:outputLabel for="txtTitel">
				<h:outputText value="Titel:" />
			</h:outputLabel>
			<h:inputText id="txtTitel" value="#{videoView.video.titel}" />

			<h:outputLabel for="txtProducer">
				<h:outputText value="Produzent:" />
			</h:outputLabel>
			<h:inputText id="txtProducer" value="#{videoView.video.produzent}" />

			<h:outputLabel for="spielzeit">
				<h:outputText value="Spieldauer:" />
			</h:outputLabel>
			<h:inputText id="spielzeit" value="#{videoView.video.spielzeit}" />

			<h:outputLabel for="txtSpeicherort">
				<h:outputText value="Speicherort:" />
			</h:outputLabel>
			<h:inputText id="txtSpeicherort"
				value="#{videoView.video.speicherort}" />

			<f:facet name="footer">
				<h:commandButton value="#{videoView.buttonText}"
					actionListener="#{videoView.saveVideo}" />
			</f:facet>
		</h:panelGrid>

		<!-- Tabelle mit den Videos. -->
		<h:dataTable value="#{videoView.videoList}" var="myVideo">
			<h:column>
				<f:facet name="header">
					<h:outputText value="Videotitel" />
				</f:facet>
				<h:outputText value="#{myVideo.titel}" />
			</h:column>

			<h:column>
				<f:facet name="header">
					<h:outputText value="Produzent" />
				</f:facet>
				<h:outputText value="#{myVideo.produzent}" />
			</h:column>

			<h:column>
				<f:facet name="header">
					<h:outputText value="Spieldauer" />
				</f:facet>
				<h:outputText value="#{myVideo.spielzeit} Minuten" />
			</h:column>

			<h:column>
				<h:commandButton value="Aendern"
					actionListener="#{videoView.editVideo}"
					rendered="#{videoView.video.videoID == 0}" />
			</h:column>

			<h:column>
				<h:commandButton value="Loeschen"
					actionListener="#{videoView.deleteVideo}"
					rendered="#{videoView.video.videoID == 0}" />
			</h:column>

			<h:column>
				<f:facet name="header">
					<h:outputText value="Wiedergabe" />
				</f:facet>
				<p:media value="#{myVideo.speicherort}" width="420" height="315" />
			</h:column>

		</h:dataTable>
		<hr />

		<!-- Nach dem Namen filtern. -->
		<h:panelGrid columns="2">
			<f:facet name="header">
				<h:outputText
					value="Filtern - Geben Sie bitte einen Teil des Videotitels ein." />
			</f:facet>
			<h:outputText value="Ihr Filter: " />
			<h:inputText value="#{videoView.titel}" />

			<f:facet name="footer">
				<h:commandButton value="Filter" actionListener="#{videoView.filter}" />
				<h:commandButton value="Filter loeschen"
					actionListener="#{videoView.deleteFilter}" />
			</f:facet>
		</h:panelGrid>
	</h:form>
</h:body>
</html>